.container{
  width: 100%;
  padding: 40px 10%;
}
.setting{
  background-image: url("/assets/img/image/icon-unfold.png");
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin-top: 5px;
  position: absolute;
  top: 13px;
  right: -57px;
  background-repeat: no-repeat;
}
.setting1{
  background-position-y:-26px
}
.package_title{
  font-size: 24px;
  color: #333333;
}
.package_content{
  width: 100%;
  position: relative;
}
.package_content .packages{
  width: 100%;
  padding: 20px 0 20px 0 ;
}
.packages .package{
  width: 32%;
  height: 100%;
  position: relative;
  margin-bottom: 20px;
  margin-right: 1%;
}
.packages .package_img{
  width: 100%;
  height: 222px;
  background-image: url('/assets/img/image/packge_cover.png');
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  cursor: pointer;
}
.packages .package_info{
  background-color: #F6F6F6;
  height: 99px;
}
.packages .package_name{
  width: 100%;
  padding: 22px 0 0 22px;
}
.packages .package .duplicate_logo{
  position: absolute;
  right: 12px;
  bottom: 12px;
  cursor: pointer;
}
.packages .package .package_end_time{
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: #999999;
}
.packages .duplicate{
  width: 32%;
  height: 100%;
  position: relative;
  margin-bottom: 20px;
  margin-right: 1%;
}
 .duplicate .duplicate_img{
  width: 100%;
  height: 222px;
  background-image: url('/assets/img/image/packge_cover.png');
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
   cursor: pointer;
}
.duplicate .duplicate_info{
  background-color: #F6F6F6;
  height: 99px;
}
 .duplicate .duplicate_name{
  width: 100%;
  padding: 22px 0 0 22px;
}
.duplicate_name .duplicate_tip{
  margin-right: 20px;
  font-size: 20px;
  color: #F88A99;
}
 .duplicate .logo{
  position: absolute;
  right: 12px;
  bottom: 12px;
}
